<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}

			a {
				text-decoration: none;
				color: black;
			}

			#nav {
				height: 45px;
				/* border: 1px red solid; */
				background-color: #F1F1F1;
			}

			#nav>ul>li {
				display: inline-block;
				width: 80px;
				height: 40px;
				line-height: 45px;

			}

			#nav>ul>li.f {
				margin-left: 10px;
				width: 100px;

			}

			#nav>ul>li.f a {
				border: none;
			}

			#nav>ul>li a {
				font-size: 14px;
				border-left: 1px darkgray solid;

				padding-left: 10px;
				text-align: center;
			}

			#nav>ul>li a.phone {
				background-image: url(tel.png);
				background-repeat: no-repeat;
				background-position: left top;
				padding-left: 15px;
			}

			#nav>ul>li a:hover {
				color: red;
			}

			#nav>ul>li a.phone:hover {  
				background-position-y: -25px;
			}
		</style>
	</head>
	<body>
		<div id="nav">
			<ul>
				<li class="f"><a href="#">你好,请登录</a></li>
				<li><a href="#">免费注册</a></li>
				<li><a href="#">我的订单</a></li>
				<li><a href="#">我的京东</a></li>
				<li><a href="#">京东会员</a></li>
				<li><a href="#">企业采购</a></li>
				<li><a href="#" class="phone">手机京东</a></li>
				<li><a href="##">关注京东</a></li>
				<li><a href="#">客户服务</a></li>
				<li><a href="#">客户服务</a></li>
			</ul>
		</div>
	</body>
</html>
